<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表嵌套</title>
	</head>
	<body>
		!<!--
        	作者：2867744857@qq.com
        	时间：2017-09-27
        	描述：在列表嵌套的时候，不同级别的列表下的条目符号是不同的。默认情况下，无序列表一级是黑色实心小圆，二级是空心小圆，三级是黑色实心小方块。
        	有序列表一般都是以阿拉伯数字为条目符号。
        	当然也可以自己定义样式
        -->
		<h1>四大名著</h1>
		<!--list-style-type定义列表的项目符号-->
		<ul style="list-style-type: disc;">  
			<li>列表一
				<ul>
					<li><<三国演义>>
						<ul style="list-style-type: square;">
							<li>第一回合</li>
							<li>第二回合</li>
							<li>第三回合</li>
						</ul>
					</li>
					<li><<水浒传>>
						<ol>
							<li>第一回合</li>
							<li>第二回合</li>
							<li>第三回合</li>
						</ol>
					</li>
				</ul>
				
				<ol style="list-style-type: upper-roman;">
					<li><<西游记>>
						<ul>
							<li>第一回合</li>
							<li>第二回合</li>
							<li>第三回合</li>
						</ul>
					</li>
					<li><<红楼梦>>
						<ol style="list-style-type: upper-alpha">
							<li>第一回合</li>
							<li>第二回合</li>
							<li>第三回合</li>
						</ol>
					</li>
				</ol>
				
			</li>
		</ul>
	</body>
</html>
